<template>
  <span class="text" v-if="message" :style="{ left: left, top: top,fontSize:size }">
    {{ message }}
  </span>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      default: "",
    },
    left: {
      type: String,
      default: "0%",
    },
    top: {
      type: String,
      default: "0%",
    },
    size: {
      type: String,
      default: "16px",
    },
  },
};
</script>

<style scoped>
.text {
  position: absolute;
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
</style>